<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>demo3</title>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
    <link href="https://cdn.bootcss.com/slick-carousel/1.9.0/slick.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/slick-carousel/1.9.0/slick-theme.css" rel="stylesheet">

    <link rel="stylesheet" href="{{__HOST__}}/default/css/common.css">
    <script src="{{__HOST__}}/default/js/Tab.js"></script>

</head>

<body>

<!--header-->
<div class="header">
    <!--top 欢迎语-->
    <div class="h-top">
        <div class="lt hidden-xs"></div>
        <div class="rt hidden-xs"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-5 col-sm-12 col-xs-12">
                    <a class="theme theme-red" name="red"></a>
                    <a class="theme theme-green" name="green"></a>
                    <a class="theme theme-blue" name="blue"></a>


                    <!--<script>-->
                    <!--var theme = $("#theme").attr("href");-->
                    <!--var i = theme.indexOf("-");-->
                    <!--var newtheme = theme.substring(0, i);-->
                    <!--$(".theme").each(function () {-->
                    <!--$(this).click(function () {-->
                    <!--if ($(this).attr("name") == "blue") {-->
                    <!--$("#theme").attr("href", newtheme + "-blue.css");-->
                    <!--}-->
                    <!--if ($(this).attr("name") == "green") {-->
                    <!--$("#theme").attr("href", newtheme + "-green.css");-->
                    <!--}-->
                    <!--if ($(this).attr("name") == "red") {-->
                    <!--$("#theme").attr("href", newtheme + "-red.css");-->
                    <!--}-->
                    <!--})-->
                    <!--})-->
                    <!--</script>-->

                    您好，欢迎您访问某某公司 &nbsp;&nbsp;
                    <span id="year"></span><span>年</span>
                    <span id="month"></span><span>月</span>
                    <span id="date"></span><span>日</span>
                    <span id="hour"></span><span>:</span>
                    <span id="minute"></span><span>:</span>
                    <span id="second"></span>
                </div>
                <script type="text/javascript">
                    function now() {
                        var dt = new Date();
                        document.getElementById("year").innerHTML = dt.getFullYear();
                        document.getElementById("month").innerHTML = dt.getMonth() + 1;
                        document.getElementById("date").innerHTML = dt.getDate();
                        document.getElementById("hour").innerHTML = dt.getHours();
                        document.getElementById("minute").innerHTML = dt.getMinutes();
                        document.getElementById("second").innerHTML = dt.getSeconds();
                    }

                    now();
                    setInterval("now()", 1000);
                </script>
                <div class="col-md-7 col-sm-12 col-xs-12">
                    <a href="">联系我们</a>-
                    <a href="">收藏网站</a>-
                    <a href="">网站地图</a>-
                    <a href="">其他xx</a>
                </div>
            </div>
        </div>


    </div>
    <div class="h-mid">
        <div class="container">
            <div class="row">

                <div class="col-md-6">
                    <!--<div class="col-xs-2 hidden-lg"></div>-->
                    <div class="col-md-5 col-xs-5 logo hidden-xs">
                        <img class="img-responsive" src="images/logo.jpg" alt="">
                    </div>
                    <div class="col-md-5 col-xs-5 wx hidden-xs">
                        <img class="img-responsive" src="images/wx.jpg" alt="联系微信">
                        <span>微信</span>
                    </div>
                    <div class="col-md-12 col-xs-12 slogan">
                        <i></i>
                        <h3>广告语广告语广告告语</h3>
                        <i></i>
                    </div>
                </div>
                <div class="col-md-3 col-xs-2 ">

                </div>
                <div class="col-md-3 col-xs-10 phone">
                    <a href="">登录</a>
                    <a href="">注册</a>
                    <a href="">vip专区</a>
                    <div style="clear: both"></div>
                    <br>
                    <p>全国咨询热线：<span>88888888</span></p>
                </div>
            </div>
        </div>
    </div>
    <!--nav 导航条-->
    <div class="h-bottom">
        <nav class="navbar navbar-default">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">公司名</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">首页 <span class="sr-only"></span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                               aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Another action</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Something else here</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">One more separated link</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
</div>

<!--幻灯片 banner-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
        <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
    </ol>

    <!-- Wrapper for slides -->
   
    <div class="carousel-inner" role="listbox">


        <div class="item  active ">
            <img src="default/images/banner1.png" _src="images/banner1_moblie.jpg" alt="...">
            <div class="carousel-caption">
                <h3>标题</h3>
                <p>描述描述描述描述描述描述描述描述描述描述描述描述</p>
            </div>
        </div>

        {{each focus}}

        <div class="item ">
            <img src="{{$value.pic}}" _src="images/banner1_moblie.jpg" alt="{{$value.title}}">
            <div class="carousel-caption">
                <h3>{{$value.title}}</h3>
                <p>{{$value.title}}</p>
            </div>
        </div>

        {{/each}}
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

<!--关键词 keyword-->
<div class="keyword">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <p class="fl">
                    <b>热门关键词：</b>
                    <a href="" title="">幕墙维修公司</a>
                    <a href="" title="">幕墙维修玻璃</a>
                    <a href="" title="">幕墙玻璃清洗</a>
                    <a href="" title="">高空幕墙维修</a>
                    <a href="" title="">幕墙防水维修</a>
                </p>
            </div>
            <div class="col-md-4">
                <div class="ser_r fr">
                    <input type="text" class="inp01" value="请输入搜索的关键词" onclick="this.value=''">
                    <input type="text" class="inp02">

                </div>
            </div>
        </div>
    </div>
</div>

<!--案例 case-->
<div class="case cm-wrap">
    <div class="container">
        <div class="row">
            <h2>
                标题1标题1 <br>
                <small>副标题副标题副标题副标题</small>
            </h2>
        </div>
        <div class="row">
            <div class="col-xs-12 col-md-4">
                <a href="#" class="thumbnail">
                    <img src="images/zsh3.jpg" alt="...">
                </a>
                <div class="caption">
                    <a href="#"><h3><b>案例</b></h3></a>
                    <p>描述描述描述描述描述描述描述</p>
                </div>
            </div>
            <div class="col-xs-12 col-md-4">
                <a href="#" class="thumbnail">
                    <img src="images/zsh3.jpg" alt="...">
                </a>
                <div class="caption">
                    <a href="#"><h3><b>标题</b></h3></a>
                    <p>描述描述描述描述描述描述描述</p>
                </div>
            </div>
            <div class="col-xs-12 col-md-4">
                <a href="#" class="thumbnail">
                    <img src="images/zsh3.jpg" alt="...">
                </a>
                <div class="caption">
                    <a href="#"><h3><b>标题</b></h3></a>
                    <p>描述描述描述描述描述描述描述</p>
                </div>
            </div>
        </div>
    </div>
</div>

<!--案例 case1-->
<div class="case1 cm-wrap">
    <div class="container">
        <div class="row">
            <h2>
                案例1 <br>
                <small>副标题副标题副标题副标题</small>
            </h2>
        </div>

        <div class="row cm-cat " id="cat0">
            <a class="active">案例分类 <i></i></a>
            <a>案例分类1 <i></i></a>
            <a>案例分类2 <i></i></a>
        </div>

        <div class="cwrap">
            <div class="row">
                <div class="col-md-12">
                    <a href="" class="imgsc">
                        <img class="img-responsive" src="images/3946.jpg" alt="">
                    </a>
                </div>
                <div class="col-md-12 con">
                    <p>内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内内容内容内容</p>
                </div>
            </div>
            <div class="row" style="display: none">
                <a href="" class="imgsc">
                    <img class="img-responsive" src="images/3946.jpg" alt="">
                </a>
            </div>
            <div class="row" style="display: none">
                <a href="" class="imgsc">
                    <img class="img-responsive" src="images/6652.jpg" alt="">
                </a>
            </div>
        </div>


        <script>
            WellTab("cat0");
        </script>
    </div>
</div>


<!--服务项目 ser-->
<div class="ser cm-wrap">
    <div class="container">
        <div class="row">
            <h2>
                服务项目 <br>
                <small>副标题副标题副标题副标题</small>
            </h2>
        </div>
        <div class="row">
            <div class="col-md-5">
                <a href="" class="imgsc">
                    <img class="img-responsive" src="images/fg1.jpg" alt="">
                    <a class="serc1 txt"><span>美式系列</span></a>
                </a>
            </div>
            <div class="col-md-7 serlt">
                <div class="col-md-6 col-xs-6">
                    <a href="" class="imgsc">
                        <img class="img-responsive" src="images/fg2.jpg" alt="">
                        <a class="serc2 txt "><span>美式系列</span></a>
                    </a>

                </div>

                <div class="col-md-6 col-xs-6">
                    <a href="" class="imgsc">
                        <img class="img-responsive" src="images/fg2.jpg" alt="">
                        <a class="serc3 txt"><span>美式系列</span></a>
                    </a>
                </div>
                <div class="col-md-6 col-xs-6 ">
                    <a href="" class="imgsc">
                        <img class="img-responsive" src="images/fg2.jpg" alt="">
                        <a class="serc4 txt"><span>美式系列</span></a>
                    </a>
                </div>
                <div class="col-md-6 col-xs-6">
                    <a href="" class="imgsc">
                        <img class="img-responsive" src="images/fg2.jpg" alt="">
                        <a class="serc5 txt"><span>美式系列</span></a>
                    </a>
                </div>
            </div>

        </div>
    </div>
</div>

<!--产品展示 pro-->
<div class="pro cm-wrap">
    <div class="container">
        <div class="row">
            <h2>
                产品展示 <br>
                <small>副标题副标题副标题副标题</small>
            </h2>
        </div>

        <div class="responsive row">
            <div class="col-lg-3 col-xs-12 col-sm-1">
                <a href=""><img class="img-responsive" src="images/20180205180008_0786.jpg" alt="">张家界旅游</a>
            </div>
            <div class="col-lg-3 col-xs-12 col-sm-1">
                <a href=""><img class="img-responsive" src="images/20180205180008_0786.jpg" alt="">张家界旅游</a>
            </div>
            <div class="col-lg-3 col-xs-12 col-sm-1">
                <a href=""><img class="img-responsive" src="images/20180205180008_0786.jpg" alt="">张家界旅游</a>
            </div>
            <div class="col-lg-3 col-xs-12 col-sm-1">
                <a href=""><img class="img-responsive" src="images/20180205180008_0786.jpg" alt="">张家界旅游</a>
            </div>

        </div>

    </div>
</div>

<!--横幅分隔块 ban-->
<div class="ban banbg1">
    <div class="container bancon">

        <h2>
            <b>大广告语xxxxxxx</b><br/>
            <small><b>副标题xxxxxxxx</b></small>
        </h2>

        <div class="row">
            <div class="col-md-4 col-xs-7 bg">
                服务热线：<b>88888888</b>
            </div>
            <div class="col-md-3 col-xs-2 bg">
                <a href="">立即咨询</a>
            </div>
        </div>

    </div>
</div>

<!--服务项目1 service-->
<div class="service cm-wrap">
    <div class="container">
        <div class="row cm-title">
            <h2>
                <b>xxxx</b><b class="color_blue">服务项目1</b><br/>
                <small>Service Items</small>
            </h2>

        </div>

        <div class="row list">

            <div class="col-md-4 col-xs-6">
                <a href="#" class="thumbnail cover">
                    <img class="img-responsive" src="images/fg5.jpg" alt="...">
                    <span>
                                <h4>
                                    标题  <br>
                                    <small>副标题副标题副标题</small>
                                </h4>
                            </span>
                </a>
            </div>
            <div class="col-md-4 col-xs-6">
                <a href="#" class="thumbnail cover">
                    <img class="img-responsive" src="images/fg5.jpg" alt="...">
                    <span>
                                <h4>
                                    标题  <br>
                                    <small>副标题副标题副标题</small>
                                </h4>
                            </span>
                </a>
            </div>
            <div class="col-md-4 col-xs-6">
                <a href="#" class="thumbnail cover">
                    <img class="img-responsive" src="images/fg5.jpg" alt="...">
                    <span>
                                <h4>
                                    标题  <br>
                                    <small>副标题副标题副标题</small>
                                </h4>
                            </span>
                </a>
            </div>
            <div class="col-md-4 col-xs-6">
                <a href="#" class="thumbnail cover">
                    <img class="img-responsive" src="images/fg5.jpg" alt="...">
                    <span>
                                <h4>
                                    标题  <br>
                                    <small>副标题副标题副标题</small>
                                </h4>
                            </span>
                </a>
            </div>
            <div class="col-md-4 col-xs-6">
                <a href="#" class="thumbnail cover">
                    <img class="img-responsive" src="images/fg5.jpg" alt="...">
                    <span>
                                <h4>
                                    标题  <br>
                                    <small>副标题副标题副标题</small>
                                </h4>
                            </span>
                </a>
            </div>

            <div class="col-md-4 col-xs-6 ">
                <a href="#" class="thumbnail cover last ">
                    <img class="img-responsive" src="images/fg5.jpg" alt="...">
                    <span><h1>更多+</h1></span>
                </a>
            </div>

        </div>


    </div>
</div>

<!--关于我们 about-->
<div class="about cm-wrap ">
    <div class="container">
        <div class="row">
            <h2>
                <b>xxxx</b><b class="color_blue">关于我们</b><br/>
                <small>Service Items</small>
            </h2>
        </div>
        <div class="row text">
            <p>温菲尔是一家集研发设计，生产销售相框、镜框、相片墙、装饰画、画框、镜框、PS框条、 建材装饰
                框条与板材为主的公司。公司总部位于金华市金东经济开发区，成立于2007年 工厂占地20亩，20000平方的生产
                车间，公司旗下有SHiNEiNFRAME莎影相框、 林飞家饰、宅画、温和画行、画元素、林飞框业、柞木炭建材板等多家子公司
            </p>
        </div>
        <div class="row">
            <div class="col-md-3 col-xs-6 abnav">
                <a href="">
                    <i class="fa fa-pencil-square-o fa-lg"></i>
                    <br>
                    公司简介
                </a>
            </div>
            <div class="col-md-3 col-xs-6 abnav">
                <a href="">
                    <i class="fa fa-photo fa-lg"></i>
                    <br>
                    企业相册
                </a>
            </div>
            <div class="col-md-3 col-xs-6 abnav">
                <a href="">
                    <i class="fa fa-flag fa-lg"></i>
                    <br>
                    企业文化
                </a>
            </div>
            <div class="col-md-3 col-xs-6 abnav">
                <a href="">
                    <i class="fa fa-trophy fa-lg"></i>
                    <br>
                    荣誉资质
                </a>
            </div>
        </div>
    </div>
</div>

<div style="background: url('images/f_h.png' ) 30%;height: 230px;margin-top: -200px"></div>

<!--聚焦公司-->
<div class="foc cm-wrap">
    <div class="container">
        <div class="col-md-6">

            <div class="row cm-title">
                <h2>
                    <b>xxxx</b><b class="color_blue">聚焦公司</b><br/>
                    <small>Service Items</small>
                </h2>
            </div>


            <div class="row cm-cat" id="cat1">
                <a class="active">公司新闻</a>
                <a>行业动态</a>
                <a>常见问题</a>
            </div>

            <div class="foc-wrap">
                <div class="row">
                    <h4>
                        2018.02.03 <br>
                        新闻标题
                    </h4>
                    <p>内容内容内容内容内容</p>
                    <a href="" class="imgsc">
                        <img style="margin-right:100px" class="img-responsive" src="images/1908.jpg" alt="">
                    </a>

                    <div class="media">
                        <div class="media-left">
                            <a href="#" class="imgsc">
                                <img class="media-object " src="images/5577.jpg" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">标题 </h4>
                            描述...
                        </div>
                    </div>

                    <div class="media">
                        <div class="media-left">
                            <a href="#" class="imgsc">
                                <img class="media-object" src="images/5577.jpg" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">标题</h4>
                            描述...
                        </div>
                    </div>

                </div>
                <div class="row" style="display: none">
                    <h4>
                        2018.02.03 <br>
                        新闻标题
                    </h4>
                    <p>内容内容内容内容内容</p>
                    <a href="">
                        <img class="img-responsive" src="images/1908.jpg" alt="">
                    </a>

                    <div class="media">
                        <div class="media-left">
                            <a href="#">
                                <img class="media-object " src="images/5577.jpg" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">Media heading</h4>
                            ...
                        </div>
                    </div>

                    <div class="media">
                        <div class="media-left">
                            <a href="#">
                                <img class="media-object" src="images/5577.jpg" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">Media heading</h4>
                            ...
                        </div>
                    </div>

                </div>
                <div class="row" style="display: none">
                    <h4>
                        2018.02.03 <br>
                        新闻标题
                    </h4>
                    <p>内容内容内容内容内容</p>
                    <a href="">
                        <img class="img-responsive" src="images/1908.jpg" alt="">
                    </a>

                    <div class="media">
                        <div class="media-left">
                            <a href="#">
                                <img class="media-object " src="images/5577.jpg" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">Media heading</h4>
                            ...
                        </div>
                    </div>

                    <div class="media">
                        <div class="media-left">
                            <a href="#">
                                <img class="media-object" src="images/5577.jpg" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">Media heading</h4>
                            ...
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <script>
            WellTab("cat1")
        </script>


        <div class="col-md-6 focrt">
            <a href="" class="imgsc"><img src="images/bk4.jpg" alt=""></a>
        </div>
    </div>
</div>

<!--footer-->
<div class="footer">
    <div class="container">
        <div class="row f_mid">
            <div class="col-md-2 col-sm-4  wx">
                <img class="img-responsive" src="images/wx.jpg" alt="联系微信">
                <span>微信</span>
            </div>
            <div class="col-md-2 col-xs-6 col-sm-4">
                <p><a href="">关于我们</a></p>
                <p><a href="">关于我们</a></p>
                <p><a href="">关于我们</a></p>

            </div>
            <div class="col-md-2 col-xs-6 col-sm-4">
                <p><a href="">关于我们</a></p>
                <p><a href="">关于我们</a></p>
                <p><a href="">关于我们</a></p>

            </div>
            <div class="col-md-6 col-xs-12">
                <div class="f_lianxi">
                    <p><img src="images/icon/f_ic1.png" alt="">联系电话：8888888888</p>
                    <p><img src="images/icon/f_ic2.png" alt="">传 真：8888888888　　　公司邮箱：88888888888</p>
                    <p><img src="images/icon/f_ic3.png" alt="">公司地址：湖南张家界永定区湖南张家界永定区</p>
                </div>
            </div>
        </div>
        <div class="row"></div>
    </div>

    <div class="f_bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-xs-5">
                    群站科技版权所有
                </div>
                <div class="col-md-4 col-xs-7">
                    备案号：
                </div>
                <div class="col-md-4 col-xs-6">
                    技术支持：xxxxxxxxx
                </div>
            </div>
        </div>
    </div>
</div>

<!--回到顶部-->
<div id="roll" style="">
    <div title="回到顶部" id="roll_top"><a id="roll_top2"></a></div>
</div>
<script>

    //鼠标移动上展示 返回顶部
    $(document).ready(function () {
        $("#roll_top2").hide();
        $("#roll_top").mouseover(function () {
            $("#roll_top2").show();
        })
        $("#roll_top").mouseout(function () {
            $("#roll_top2").hide();
        })
    })


    $("#roll_top").click(function () {
        $("html,body").animate({
            scrollTop: "0px"
        }, 800)
    });

    //使用浮动主导航
    //$(document.body).append($("div.header").clone().addClass("h_head_gd").hide());
    var div = $("div.h_head_gd");
    $(window).scroll(function (a) {

        if ($(this).scrollTop() > 260) {
            $("#roll").fadeIn()
        } else {
            $("#roll").fadeOut()
        }

        if ($(this).scrollTop() > 170) {
            div.show()
        } else {
            div.hide()
        }
    }).scroll();

</script>

<!--移动端底部导航 bmnav-->
<div class="bmnav navbar-fixed-bottom visible-xs">
    <div class="container">
        <div class="row">
            <div class="col-xs-2">
                <a>
                    <img class="img-responsive" src="images/icon/lianxi.png" alt="">
                    <span>联系</span>
                </a>
            </div>
            <div class="col-xs-2">
                <a>
                    <img class="img-responsive" src="images/icon/about.png" alt="">
                    <span>关于</span>
                </a>
            </div>
            <div class="col-xs-2">
                <a>
                    <img class="img-responsive" src="images/icon/anli.png" alt="">
                    <span>案例</span>
                </a>
            </div>
            <div class="col-xs-2">
                <a>
                    <img class="img-responsive" src="images/icon/zizhi.png" alt="">
                    <span>资质</span>
                </a>
            </div>
            <div class="col-xs-2">
                <a href="">
                    <img class="img-responsive" src="images/icon/news.png" alt="">
                    <span>新闻</span>
                </a>
            </div>
            <div class="col-xs-2">
                <a href="">
                    <img class="img-responsive" src="images/icon/home.png" alt="">
                    <span>首页</span>
                </a>
            </div>

        </div>
    </div>
</div>
<script>
    $(".bmnav a").each(function () {

        var src = $(this).children("img").attr("src");
        var x = src.indexOf(".");
        var newsrc = src.substring(0, x) + "_ac.png"


        $(this).click(function () {
            $(this).parent().siblings().each(function () {
                var sr = $(this).children("a").children("img").attr("src");
                // alert(sr)
                var i = sr.indexOf("_");
                // alert(i)
                if (i != -1) {
                    $(this).children("a").css("color", "#777")
                    $(this).children("a").children("img").attr("src", sr.substring(0, i) + ".png")
                }

            })

            $(this).css("color", "#1899dc")
            $(this).children("img").attr("src", newsrc)
        })
    })
</script>

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="default/js/slick.js"></script>
<!--轮播-->
<script type="text/javascript">
    $('.responsive').slick({
        dots: true,
        infinite: false,
        speed: 300,
        slidesToShow: 2,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 1000,
        responsive: [
            {
                breakpoint: 992,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            },
            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }
        ]
    });
</script>
<!--导航栏下拉至一定高度后固定在顶部-->
<script type="text/javascript">
    // 导航栏下拉至一定高度后固定在顶部
    function navTop(height) {
        var nav = $(".navbar"); //得到导航对象
        var win = $(window); //得到窗口对象
        var sc = $(document);//得到document文档对象。
        win.scroll(function () {
            if (sc.scrollTop() >= height) {

                nav.addClass("navbar-fixed-top  ");
            } else {
                nav.removeClass("navbar-fixed-top ");
            }
        })
    }

    //判断当前设备是否是PC端的方法
    function IsPC() {
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone",
            "SymbianOS", "Windows Phone",
            "iPad", "iPod"];
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
            if (userAgentInfo.indexOf(Agents[v]) > 0) {
                flag = false;
                break;
            }
        }
        return flag;
    }


    var isPc = IsPC();

    if (isPc) {
        navTop(200);
    } else {
        navTop(415)
    }

</script>
</body>
</html>